﻿
<!DOCTYPE html>
<html>
<head>
    <title>jQuery WeUI</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <link href="css/al.css" rel="stylesheet" />
    <link href="plugins/weui/dist/lib/weui.min.css" rel="stylesheet" />
    <link href="plugins/weui/dist/css/jquery-weui.min.css" rel="stylesheet" />

    <style>
        .swiper-container {
            width: 100%;
        }

            .swiper-container img {
                display: block;
                width: 100%;
            }
    </style>
</head>

<body ontouchstart>

    <header class='demos-header'>
        <div class="swiper-container">
            <!-- Additional required wrapper -->
            <div class="swiper-wrapper">
                <!-- Slides -->
                <div class="swiper-slide"><img src="plugins/weui/demos/images/avatar.jpg" /></div>
                <div class="swiper-slide"><img src="plugins/weui/demos/images/avatar2.jpg" /></div>
                <div class="swiper-slide"><img src="plugins/weui/demos/images/avatar3.jpg" /></div>
            </div>
            <!-- If we need pagination -->
            <div class="swiper-pagination"></div>
        </div>
    </header>

    <div class="weui-grids">
        <a href="GRPB/" class="weui-grid js_grid">
            <div class="weui-grid__icon">
               <i class="iconfont" style="color:#fb5f5f">&#xe633;</i>
            </div>
            <p class="weui-grid__label">
                个人排班计划
            </p>
        </a>
        <a href="" class="weui-grid js_grid">
            <div class="weui-grid__icon">
                <i class="iconfont" style="color:#29ceff">&#xe60e;</i>
            </div>
            <p class="weui-grid__label">
                排班报表
            </p>
        </a>
        <a href="ZZWGZ/" class="weui-grid js_grid">
            <div class="weui-grid__icon">
                <i class="iconfont" style="color:#3ede3b">&#xe75f;</i>
            </div>
            <p class="weui-grid__label">
                周转物工作记录
            </p>
        </a>
        <a href="FGZ/" class="weui-grid js_grid">
            <div class="weui-grid__icon">
                <i class="iconfont" style="color:#5f9dfb">&#xe600;</i>
            </div>
            <p class="weui-grid__label">
                其他非效率工作
            </p>
        </a>
        <a href="" class="weui-grid js_grid">
            <div class="weui-grid__icon">
                <i class="iconfont" style="color:#bf5ffb">&#xe646;</i>
            </div>
            <p class="weui-grid__label">
                BU划分记录
            </p>
        </a>
       
    </div>
    <script src="plugins/weui/dist/lib/jquery-2.1.4.js"></script>
    <script src="plugins/weui/dist/lib/fastclick.js"></script>
 
    <script>
  $(function() {
    FastClick.attach(document.body);
  });
    </script>
    <script src="plugins/weui/dist/js/jquery-weui.js"></script>

    <script src="plugins/weui/dist/js/swiper.js"></script>
    <script>
      $(".swiper-container").swiper({
        loop: true,
        autoplay: 3000
      });
    </script>
</body>

</html>
